@import '@/assets/styles/mixin.scss';
#app {
  width: 450px;
  padding: 5px;

}

h1, h2, h3, h4, p, ul, li {
  margin: 0;
  padding: 0;
}
a,
a:focus,
a:hover {
  cursor: pointer;
  text-decoration: none;
}
div:focus {
  outline: none;
}
ul, ol, li {
  list-style: none;
}
i {
  font-style: normal;
}
img {
  vertical-align: middle;
} 
button {
  cursor: pointer;
}
button[disabled] {
  cursor: not-allowed;
}

.change-enter-active,
.change-leave-active {
  transition: all .25s ease;
}
.change-enter-from {
  opacity: 0;
}
.change-leave-to {
  opacity: 0;
}
// 列表的list动画
.list-enter-active,
.list-leave-active {
  transition: all 0.5s ease;
}
.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateX(30px);
}

.f_r {
  color: rgb(255, 69, 69);
}
.f_g {
  color: 	#00CD00;
}